<div class="weui-tab">
  <div class="weui-navbar">
    <div class="weui-navbar__item" (click)="order.type=1" [class.weui-bar__item_on]="order.type==1">
      淘宝订单
    </div>
    <div class="weui-navbar__item" (click)="order.type=2" [class.weui-bar__item_on]="order.type==2">
      京东订单
    </div>
    <div class="weui-navbar__item" (click)="order.type=1" [class.weui-bar__item_on]="order.type==3">
      拼多多订单
    </div>
  </div>
  <div class="weui-tab__panel">
    <div class="container">
      <div class="weui-cells__title">详细订单号</div>
      <form #commitForm="ngForm" (ngSubmit)="commitForm.valid&&onSubmit()" novalidate>
        <div class="weui-cells weui-cells_form">
          <div class="weui-cell weui-cell_warn">
            <div class="weui-cell__bd">
              <input class="weui-input" name="tradeId" #tradeId="ngModel" [(ngModel)]="order.tradeId" type="text"
                     pattern="^\d{5,30}$" [minLength]="5" [maxLength]="30"
                     placeholder="请输入订单号"/>
            </div>
            <div class="weui-cell__ft" *ngIf="tradeId.invalid">
              <i class="weui-icon-warn"></i>
            </div>
          </div>
        </div>
        <div class="weui-btn-area">
          <button type="submit" class="weui-btn weui-btn_primary">提交信息</button>
        </div>
        <div class="weui-cells__tips text-warning">
          🔈:奖励规则： 提交您通过本平台复制淘口令下单购买的商品订单号，订单确认收货,结算后获得相应奖励哦<br><br>
          <p class="text-danger">提交订单后,可能还无法查看订单,请放心哦.已但你的订单被同步你将在订单信息里面查看到.</p>
          <a href="javascript:void(0)" (click)="onShowHelp()">如何获取订单号?点此查看</a>
        </div>
      </form>
    </div>
  </div>
</div>
